<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框</title>
</head>
<style>
  div{
      width: 200px;
      height: 200px;
    border-color: #FF0000;
      border-width: 10px;
      border-style: solid;
      /*border: 1px solid red;上面三句的缩写*/
      border-top-color: blue;
      border-top-style: dotted;
      /*对单条边进行设置时也能进行如上的缩写*/
      border-left: 10px dashed black;
      border-right: 10px double black;
  }
</style>
<body>
<div>

</div>
</body>
</html>